/**
 * Created by Administrator on 2017\9\21 0021
 * package .
 */
import React from 'react';
import template from './../../commonui/template';
import { Link } from 'react-router-dom';
import {Button,Row,Col} from 'antd';
import  './../../css/User/Institution.css';

class Package extends React.Component{
    constructor(props){
        super(props);
      this.state={
            info:{
                id:this.props.info.id,
                Name:this.props.info.Name,
                Address:this.props.info.Address,
                Institution:this.props.info.Institution,
                Introduce:this.props.info.Introduce
            }
        }
    }
    render() {
        return(
             <div className="pkg">
                 <Row>
                     <Col span={8}>
                        <div>
                           {this.state.info.Name}
                        </div>
                     </Col>
                     <Col span={10}>
                         <Row>
                             <div>{this.state.info.Introduce}</div>
                         </Row>
                         <Row>
                             <div>
                                 <p>{this.state.info.Institution}</p>
                                 <p>{this.state.info.Address}</p>
                             </div>
                         </Row>
                     </Col>
                     <Col span={6}>
                          <Button className="rgstbtn">
                            <Link to={{pathname:"/UsrRerv",info:this.state.info}}>Reservation Detail</Link>
                        </Button>
                     </Col>
                 </Row>
                 {/*<div>
                     <div>{this.state.info.Introduce}</div>
                 </div>
                 <div>

                 </div>*/}
            </div>
        )
    }
}

export default template({
    id: 'Package',
    component: Package
});

